<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="{_INDEX_STATIC_}/moban/assets/img/apple-icon.png">
    <link rel="icon" type="image/png" href="{_INDEX_STATIC_}/moban/assets/img/favicon.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>首页 | {$system_name}</title>
    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no'
        name='viewport' />
    <link href="{_INDEX_STATIC_}/moban/assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="{_INDEX_STATIC_}/moban/assets/css/now-ui-kit.css?v=1.1.0" rel="stylesheet" />
</head>

<body class="index-page sidebar-collapse">

    <!-- 引入导航栏 -->
    {include file='public/header'}

    <div class="container" style="min-height: 470px;">
        <div class="row" style="margin-top: 20px;margin-bottom: 20px;">
            <div class="col-md-2">
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert bg-info" style="border-radius: 10px;">
                            <a href="{:url('Index/index')}" class="text-white">
                                返回首页
                            </a>
                        </div>
                        <div class="alert bg-info"  style="border-radius: 10px;">
                            <a href="{:url('Index/notice_list')}" class="text-white">
                                更多资讯
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="row">
                    <!-- 标题 -->
                    <div class="col-md-12">
                        <div style="text-align: center;">
                            <h2>{$notice_data.title}</h2>
                        </div>
                    </div>

                    <!-- 信息来源 作者 发布日期 -->
                    <div class="col-md-12" style="margin-bottom: 20px;">
                        <div class="row">
                            <div class="col-md-4 text-left">
                                <span style="color: blue;">信息来源：</span>{$notice_data.information_source}
                            </div>
                            <div class="col-md-4 text-center">
                                <span style="color: blue;">作者：</span>{$notice_data.author}
                            </div>
                            <div class="col-md-4 text-right">
                                <span style="color: blue;">发布日期：</span>{$notice_data.release_date | date="Y-m-d"}
                            </div>
                        </div>
                    </div>

                    <!-- 正文信息 -->
                    <div class="col-md-12">
                        <div id="edit"></div>
                    </div>

                    <!-- 图片信息 -->
                    <div class="row" id="notice_iamge">
                        {volist name="$notice_data.image_files" id="row"}
                        <div class="col-md-2"></div>
                        <div class="col-md-8" style="text-align: center;padding: 5px;">
                            <img src="/storage/{$row}"
                                style="height: 400px; overflow: hidden;border-radius: 15px; border: 2px solid #ddd;"
                                alt="">
                        </div>
                        <div class="col-md-2"></div>
                        {/volist}
                    </div>

                </div>
            </div>
            <div class="col-md-2">
            </div>

        </div>
    </div>

    <!-- 引入页脚 -->
    {include file='public/footer'}

    <!-- 新闻通知内容 -->

    <script>

        $('#edit').html(HTMLDecode("{$notice_data.content}"));

        function HTMLDecode(text) {
            var temp = document.createElement("div");
            temp.innerHTML = text;
            var output = temp.innerText || temp.textContent;
            temp = null;
            return output;
        }
    </script>
</body>

</html>